<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>结算管理</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/swiper.min.css">
    <style>
        *{outline:medium}
        html,body{margin: 0; padding: 0}
        body{width: 100%;  }
        .pc_body_border_bg{ width: 100%; background-color: #ffffff;padding: 50px ;margin: 0 50px}
        .pc_body_border_bg .title_h2{  font-size: 48px;  color: #603813;  font-weight: bold;  text-align: center;  }
        .pc_body_border_bg .prompt_text{  text-align: center;  }
        .pc_body_border_bg .prompt_text span{  font-size: 18px;  color: #603813;  background-color: #FFDC96;  border-radius: 20px;  padding: 5px 45px;}
        .pc_body_border_bg .item_input{margin-bottom: 10px; position: relative}
        .pc_body_border_bg .item_input label{font-size: 20px ;display: block;margin-bottom: 5px ;font-weight:normal;}
        .pc_body_border_bg .radio_list .radio_item{display: inline-block;font-size: 20px ;font-weight:normal;margin-bottom: 5px ; margin-right: 25px}
        .pc_body_border_bg .radio_list .radio_item input[type='radio']{display: inline-block;font-size: 20px;padding: 5px}
        .pc_body_border_bg .item_input label span{font-size: 14px ;color: #999999}
        .pc_body_border_bg .item_input input[type='text']{height: 45px ;box-sizing: border-box;padding: 5px ; border: 2px solid #dfd7d0 ; font-size: 20px ;width: 100%;border-radius: 3px}
        .pc_body_border_bg .item_input select{height: 45px ;box-sizing: border-box;padding: 5px ; border: 2px solid #dfd7d0 ; font-size: 20px ;width: 100%;border-radius: 3px}
        .pc_body_border_bg .right_btn{position: absolute ; background-color: #FF8B1A ; color: #ffffff;font-size: 20px;border: 0;    right: 0;bottom: 1px;padding: 9px 25px;}
        .pc_body_border_bg .list_btn{ margin-top: 70px}
        .pc_body_border_bg .item_btn{ width: 310px ; height: 65px ;background-color:transparent ;border: 0;font-size: 24px;cursor: pointer}
        .pc_body_border_bg .item_btn:first-child{ background: url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_04.png")no-repeat center;color: #603813}
        .pc_body_border_bg .item_btn:last-child{ background: url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_06.png")no-repeat center;color: #ffffff;float: right}

        .model_body_success{position: fixed ; top:0 ; right: 0; left: 0; bottom: 0 ; background-color: rgba(0,0,0,0.8) ;z-index: 9;display: none}
        .model_body_success .success_body{position: absolute; width: 650px ; height: 590px; top: 10% ;left: 50% ;margin-left: -325px ; background: transparent url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_05.png")no-repeat center}
        .model_body_success .btn_list_body{width: 100% ; height: 100% ; position: relative}
        .btn_list_body .btn_list{ position: absolute; top:400px; left: 60px; right: 60px}
        .btn_list_body .item_btn{ width: 240px ; height: 65px ;background-color:transparent ;border: 0;font-size: 24px;cursor: pointer}
        .btn_list_body .item_btn:first-child{ background: url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_08.png")no-repeat center;color: #603813}
        .btn_list_body .item_btn:last-child{ background: url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_01.png")no-repeat center;color: #ffffff;float: right}

        .model_body_danger{position: fixed ; top:0 ; right: 0; left: 0; bottom: 0 ; background-color: rgba(0,0,0,0.8) ;z-index: 9;display: none}
        .model_body_danger .model_danger{position: absolute; width: 387px ; height: 302px; top: 10% ;left: 50% ;margin-left: -194px ; background: transparent url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_07.png")no-repeat center}
        .model_danger .item_btn{position: absolute; top:190px;left: 50%;margin-left: -120px; width: 240px ; height: 65px ;border: 0;font-size: 24px;cursor: pointer;background: transparent url("http://css.gzedu.com/workeredu_com/portal/default/v1.0/images/wjdc_01.png")no-repeat center;color: #ffffff;}


    </style>
</head>
<body class="childrenBody" style="background-color: #F0F3F7">

<h1 style="text-align: center;color: #DA2B28;font-size: 24px">2018求学圆梦 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h1>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="pc_body_border_bg">
                <div class="input_list">
                    <div class="item_input">
                        <label>姓名</label>
                        <input type="text" >
                    </div>
                    <div class="item_input">
                        <label>手机号</label>
                        <input type="text" >
                    </div>
                    <div class="item_input">
                        <div class="radio_list">
                            <label class="radio_item">
                                <input type="radio" name="radio_01" checked value="no"> 在读/意向院校
                            </label>
                            <label class="radio_item">
                                <input type="radio" name="radio_01" value="off" > 无
                            </label>
                        </div>
                        <input type="text" class="radio_01" >
                    </div>
                    <div class="item_input">
                        <label>学历层次</label>
                        <select>
                            <option> 请选择 </option>
                            <option value="1"> xxxxxxxx </option>
                        </select>
                    </div>
                    <div class="item_input">
                        <div class="radio_list">
                            <label class="radio_item">
                                <input type="radio" name="radio_02" checked value="no"> 专业
                            </label>
                            <label class="radio_item">
                                <input type="radio" name="radio_02" value="off" > 无
                            </label>
                        </div>
                        <input type="text" class="radio_02" >
                    </div>
                    <div class="item_input">
                        <label>技能情况</label>
                        <select>
                            <option> 请选择 </option>
                            <option value="1"> xxxxxxxx </option>
                        </select>
                    </div>
                    <div class="item_input">
                        <label>工作单位名称</label>
                        <input type="text" >
                    </div>
                    <div class="item_input">
                        <label>单位所在地</label>
                        <input type="text" >
                    </div>
                    <div class="item_input">
                        <label>单位工会电话</label>
                        <input type="text" >
                    </div>
                </div>


            </div>
        </div>

    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>


<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/swiper.min.js"></script>

<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1.5,
        centeredSlides: true,
        spaceBetween: 150,
        loop : true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            type : 'fraction'
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        on: {
            touchEnd: function(event){
                swiper.appendSlide('<div class="swiper-slide">这是一个新的slide</div>'); //加到Swiper的最后
            },
        },
    });

    $('body').on('click','.swiper-button-next',function () {
        console.log('asdfasd');
        //点击下一页箭头
    })
    $('body').on('click','.swiper-button-prev',function () {
        //点击上一页箭头
        console.log('asdfasd');
    })
</script>
</body>
</html>